<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <p:panelGrid style="width:100%;margin: 1px auto;">
        <p:row>
            <p:column colspan="5">
                <p:dataTable id="dataTablaArticulos" var="detgr" 
                             value="#{BKGuiaDeRemisionOUT.guiaFormulario.detalleGuiaRemisions}"
                             widgetVar="lista" emptyMessage="No exsiten articulos agregados"
                             editable="true" rowIndexVar="rowIndex" paginator="true" rows="10"
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                             {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                             rowsPerPageTemplate="5,10,15" paginatorPosition="bottom" styleClass="datable-busqueda">

                    <p:ajax event="rowEdit"
                            listener="#{MBGuiaDeRemisionOUT.editarArticuloGR}"
                            update="dataTablaArticulos" />

                    <f:facet name="header">
                        <cote:componenteAddArticuloStock id="addArticulosStock"
                                                         guiaValue="#{BKGuiaDeRemisionOUT.guiaFormulario}" />
                    </f:facet>

                    <p:column id="idColumnaNum" style="width: 5%" headerText="Num."
                              rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <h:outputText value="#{rowIndex+1}" />
                    </p:column>

                    <p:column id="idColumnaDesc" style="width: 28%" headerText="DESCRIPCION" 
                              sortBy="#{detgr.articulo.nombreComercial}" 
                              rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <h:outputText value="#{detgr.articulo.nombreComercial}" />
                    </p:column>

                    <p:column id="idColumnaCant" style="width: 10%"
                              sortBy="#{detgr.cantidadEmpaque}"  headerText="CANTIDAD" 
                              rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <p:cellEditor>
                            <f:facet name="output">
                                <h:outputText value="#{detgr.cantidadEmpaque}" >
                                    <f:convertNumber maxFractionDigits="2" groupingUsed="false" minFractionDigits="2" />
                                </h:outputText>
                                <h:outputText value=" #{detgr.empaque}" />
                            </f:facet>
                            <f:facet name="input">
                                <p:inputText value="#{detgr.cantidadEmpaque}" />
                                <p:selectOneMenu  id="txtUnidadVenta" value="#{detgr.empaque}" editable="true">                              
                                    <f:selectItem itemLabel="Seleccione" itemValue="" />  
                                    <f:selectItem itemLabel="ROLLO" itemValue="ROLLO" />  
                                    <f:selectItem itemLabel="BOLSA" itemValue="BOLSA" />  
                                </p:selectOneMenu> 
                            </f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column id="idColumnaUndMed" style="width: 2%"
                              sortBy="#{detgr.tipoUnidadMinima.abrev}" headerText="UM"
                              rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <h:outputText value="#{detgr.tipoUnidadMinima.abrev}" />
                    </p:column>

                    <p:column id="idColumnaPesoTotal" style="width: 5%"
                              headerText="PESO / TOTAL" sortBy="#{det.cantidad}"
                              rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <p:cellEditor>
                            <f:facet name="output">
                                <h:outputText value="#{detgr.cantidad}" style="float: right;" >
                                    <f:convertNumber maxFractionDigits="2" groupingUsed="false" minFractionDigits="2" />
                                </h:outputText>
                            </f:facet>
                            <f:facet name="input">
                                <p:spinner style="width:100%" maxlength="10" required="true"  
                                           value="#{detgr.cantidad}" min="1" max="#{detgr.cantidad}" />
                            </f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column id="idColumnaPartida" style="width: 10%"
                              headerText="PARTIDA LOTE" sortBy="#{detgr.peso}"
                              rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <h:outputText value="#{detgr.partidaLote}" />
                    </p:column>

                    <p:column id="idColumnaObservacion" style="width: 10%"
                              headerText="OBSERVACION" sortBy="#{det.peso}"
                              rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <p:cellEditor>
                            <f:facet name="output">
                                <h:outputText value="#{detgr.observacion}" escape="false" />
                            </f:facet>
                            <f:facet name="input">
                                <p:inputTextarea onkeyup="cambiarMayuscula(this)"
                                                 rows="3" cols="5" autoResize="false"
                                                 value="#{detgr.observacion}" style="width:100%"
                                                 />
                            </f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column id="idAccionesArticulo" headerText="Acciones"
                              style="width: 10%" rendered="#{MBGuiaDeRemisionOUT.isRenderedColumn(detgr.estadoRegistro)}">
                        <p:commandButton id="selectButton"
                                         oncomplete="confirmacion.show()" ajax="true" icon="ui-icon-trash"
                                         process="@this">
                            <f:setPropertyActionListener value="#{detgr}"
                                                         target="#{BKGuiaDeRemisionOUT.currentDetGuiaRemision}" />
                        </p:commandButton>
                    </p:column>

                </p:dataTable>

            </p:column>
        </p:row>
    </p:panelGrid>

</html>